/* CSS Document */
body { margin: 0; padding: 0; font-family: "微软雅黑"; background: #fff;}
h1, h2, h3, h4, h5, h6, dl, dd, dt, ol, ul, li, p, form { margin: 0; padding: 0; }
ol, ul, li, dl, dd, dt { list-style: none; } a img { border: none; display: block;} em, i { font-style: normal; }
div, li, ul, ol, dl, dd, dt, p { width: auto;}
ul, li { margin: 0; padding: 0;}
table{ border-collapse:collapse; border-spacing:0;}
a { overflow: hidden; outline: none; text-decoration: none;}
a:hover { text-decoration:none;}
.clear { clear: both; font-size: 0; visibility: hidden; width: 0; line-height: 0; }
.fl { float: left; display: inline; } .fr { float: right; display: inline; }
.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
button,input{outline:none; font-family: "微软雅黑";} 
button{ -webkit-appearance:none; cursor: pointer;}

.wrapper{ min-width: 1200px; overflow: hidden;}
.container{ width: 1200px; margin: 0 auto;}

.login-box{ width: 450px; height: 400px; background: #000; filter:alpha(opacity=50); opacity: 0.5; border-radius: 10px; position: absolute; top: 50%; left: 50%;
margin-left:-225px; margin-top: -200px;}
.login-box .logo,.reg-box .logo{ width: 212px; height: 77px; margin: 0 auto; padding-top: 20px;}
.login-box ul{ width: 360px; margin: 0 auto; padding-top: 10px;}
.login-box li{padding: 15px 0;}

.login-box .login-txt{ width: 338px; background: #fff; border:1px solid #ddd; border-radius: 5px; line-height: 20px; padding: 10px;  color:#333;}
.login-btn{ width: 360px; height: 42px; background: #FF0000; border-radius: 5px; text-align: center; line-height: 42px; color: #fff; border:0; font-size: 16px; display: block;}
.reg-link{ color: #fff;}

.reg-box{ width: 450px; height: 550px; background: #000; filter:alpha(opacity=50); opacity: 0.5; border-radius: 10px; position: absolute; top: 50%; left: 50%;
margin-left:-225px; margin-top: -300px;}
.reg-box ul{ width: 380px; margin: 0 auto; padding-top: 15px;}
.reg-box li{ width: 380px; height: 40px; padding: 10px 0;}
.reg-box li span{ width: 80px; line-height: 40px; text-align: right; float: left; color: #fff;}
.reg-box .reg-txt{ width: 278px; background: #fff; border:1px solid #ddd; border-radius: 5px; line-height: 20px; padding: 10px;  color:#333; float: left;}
.reg-box .reg-code{ width: 90px; background: #fff; border:1px solid #ddd; border-radius: 5px; line-height: 20px; padding: 10px;  color:#333; float: left;}
.reg-box li img{ width: 84px; height: 42px; float: left; display: block; padding-left: 10px;}
.reg-box .refresh{ width: 84px; height: 42px; cursor: pointer; background: #fff; display: block; border-radius: 3px; color:#333; text-align: center; margin-left: 10px;}
.reg-box .login-btn{ width: 200px; margin-left:100px; }
